<%@ page contentType="text/html; charset=UTF-8"%>
<!--
<div style="clear: both;"></div>-->
<div id="footer">
	<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="#">Free CSS Templates</a>.</p>
</div>




<!--------------------------------------- 公共代码 ----------------------------------------------->
<div id="user_login_widget" style="display:none; cursor: default;width:500px; height:200px;background-color:#D2E6FA;"> 
	<form action="/snail/user/loginAction.action" method="post">
		<div id="title">个人登录后才能进行相关操作，没有注册请先注册成为个人会员。</div>
    	<div style="width:320px;height:80px;margin:0px auto;">
                                     帐号：<input type="text" name="account" /><br>
                                     密码：<input type="password" name="passwd" /><br>
           <input type="submit" value="登录"/><br>
    	</div>
    	<div id="forget" align="center">
    		<a href="#">忘记密码？</a>
        	<a href="#">没有注册？</a>
    	</div>
    	<div style="height:25px;line-height:25px;text-align:center">马上注册并完成个人信息，你就会得到更多更好的机会。 <a style="color:#06F;text-decoration:underline;font-weight:700" href="#">点击注册</a></div>
	</form>
</div>


<script>
	$(document).ready(function(){
		//用户登录框
		$("#user_login").click(function(){
			$.blockUI({ message: $('#user_login_widget')}); 
			//show_login_widget();
		});
		
		//用户注销
		//$("logout").click(function(){
		//});
	});
	

/*			
	function show_login_widget(){
		var $userLoginWidget = $("<div></div>").attr("id", "user_login_widget");
		var $userAccountLabel = $("<label></label>").text("登录帐号:");
		$userLoginWidget.append($userAccountLabel);
		var $userAccountInput = $("<input type='text' id='userAccount' name='userAccount'>");
		$userLoginWidget.append($userAccountInput).append($("<br>"));
		var $userPasswdLabel = $("<label><label>").text("登录密码:");
		$userLoginWidget.append($userPasswdLabel);
		var $userPasswdInput = $("<input type='password' id='userPasswd' name='userPasswd'>");
		$userLoginWidget.append($userPasswdInput).append($("<br>"));
		$userLoginWidget.addClass("flora").dialog({
			title: "用户登录",
			width: 350,
			height:150,
			resizable:"disable",
			buttons:{
				"登录": function(){
					var $tmpDlg = $("<div/>");
					$tmpDlg.html("userName is:" + $userAccountInput.value() + "<br/>userPasswd is:" + $userPasswdInput.val())
					.addClass("flora").dialog({
						title: 'your input value',
						resizable: 'disable'
					});
				},
				"取消": function(){
					$(this).dialog("close");
				}
			}
		});			
	}
*/		

</script>